/*全局样式调整*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}


/*公用样式*/
.mb4 {margin-bottom: 4px;}
.w55 {width: 55px;}
.w85 {width: 85px;}
.w150 {width: 150px;}
.margin-none {margin: 0!important;}
.margin-auto {margin: 0 auto;}
.blank12 {height: 12px;}
.ps {position: relative;}
.overflow-visible {overflow: visible!important;}
/*顶部路径*/
.nav {padding:8px 10px;background-color: #becffa;font-size:16px;text-indent: 10px;line-height: 18px;}
.nav .nav-tag {color: #333;}
/*顶部条件筛选行*/
.filter {padding:5px 10px;background-color: #f0f0f0;}
.filter .filter-des {font-weight: 300;font-size:12px;color: #0f0f0f;}
.filter .filter-group {margin-right: 10px;}
.filter .filter-sub {padding-right:20px;padding-left:20px;color: #666;}
.filter select {color: #999;}
/*表格*/
.handle {position: relative;}
.handle .handle-head {border-bottom:2px solid #e4e4e4;line-height: 30px;text-align: center;}
.handle .handle-body {border-bottom:1px solid #ddd;font-size: 12px;background-color:#fff;-webkit-transition:background-color .1s ease-out;transition:background-color .15s ease-out;}
.handle .handle-body:hover {background-color: #fcd9c0;}
.handle .handle-block {padding:5px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.handle .handle-head .handle-block {height: 40px;line-height: 30px;}
.handle .handle-body .handle-block {height: 65px;line-height: 55px;}
.handle .handle-dropdown {font-size: 12px;}
.handle .handle-dropdown .handle-dropdown-btn {position:relative;width: 80px;padding:6px;font-size:12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.handle .handle-dropdown .handle-dropdown-btn .caret {position: absolute;right: 5px;top: 50%;margin-top: -2px;}
.handle .handle-dropdown li.act {background-color: #f0f0f0;}
.handle select {color: #999;background-color: #fff;}
.handle input {color: #0f0f0f;text-align: center;background-color: #fff;}
.handle .select-point {position: absolute;;z-index: 9998;left:100%;top:0;height: 0;width: 0;}
.handle .select-layer {position: absolute;display:none;height:452px;width:402px;padding:10px;border:1px solid #999;border-radius:5px;background-color:#fff;font-size:0;line-height: 430px;text-align: center;}
.handle .select-layer img {display: inline-block;height: auto;width: auto;max-height: 430px;max-width: 380px;}
.handle .handle-delete:hover {text-decoration: underline;cursor: pointer;}
/*封面图上传区域*/
.face {position: relative;height: 55px;width: 135px;padding-left:15px;margin: 0 auto;}
.face .face-left {height: 55px;width: 70px;font-size: 0;line-height: 55px;text-align: center;overflow: hidden;}
.face .face-left img {display: inline-block;height: auto;width: auto;max-height: 100%;max-width: 100%;}
.face .face-right {position: absolute;left: 85px;top: 0;height: 55px;width: 40px;}
.face .face-right .face-icon {position:absolute;left:50%;display: inline-block;height: 20px;width: 20px;margin-left:-10px;font-size:18px;text-align:center;line-height:20px;color: #777;cursor: pointer;}
.face .face-right .face-icon:hover {color: #555;}
.face .face-right .face-icon:active {-webkit-transform:translate3d(1px,1px,0);transform:translate3d(1px,1px,0);}
.face .face-right .face-icon-top {top: 2px;}
.face .face-right .face-icon-bottom {top:auto;bottom: 2px;}
/*.face .face-right .face-file {position:absolute;z-index:5;left:50%;top:2px;display: block;height: 20px;width: 20px;margin-left: -10px;overflow: hidden;opacity: 0;filter: alpha(opacity=0);}*/
/*.face .face-right .face-file input {display: block;height: 20px;width: 20px;margin: 0;}*/
/*底部*/
.footer-place {height: 48px;}
.footer {position:fixed;left:0;bottom:0;width:100%;}
.footer .container {background-color: #f0f0f0;padding-top:10px;padding-bottom:10px;line-height:28px;}
.footer button {margin-right: 15px;}
/*裁剪modal*/
.clip-wrap {position:relative;height:480px;padding-right:287px;}
.clip-main {position:relative;height:100%;}
.clip-canvas {position:absolute;left:0;top:0;bottom:61px;width:100%;}
.clip-btns {position:absolute;left:0;bottom:0;height:51px;width:100%;border-top:1px solid #ddd;font-size:14px;color:#666;line-height:50px;}
.clip-handle {position:absolute;top:0;right:0;height:100%;width:277px;/*border-left:1px solid #ddd;*/}
.clip-split {position:relative;float:left;height:100%;width:122px;border-right:1px solid #ddd;text-align:center;}
.clip-handle-bottom {position:absolute;left:0;bottom:0;height:auto;padding-bottom:6px;}
.clip-handle-bottom .btn {margin-top:15px;}
.clip-view {float:left;height:100%;width:155px;overflow: auto;}
.clip-view .clip-view-row {position:relative;height:160px;width:122px;padding-top:5px;margin-left: 10px;}
.clip-view .clip-view-row .clip-view-box {display:block;height:122px;width:122px;padding:3px;border:1px solid #ddd;/*border-radius:5px;*/font-size:0;line-height:114px;text-align:center;}
.clip-view .clip-view-row .clip-view-box:active,.clip-view .clip-view-row .clip-view-box.active {border-color: rgba(51, 122, 183, 0.83);box-shadow:0 0 2px 1px rgba(51, 122, 183, 0.88) inset;}
.clip-view .clip-view-row .clip-view-box img {display:inline-block;height:auto;width:auto;max-width:114px;max-height:114px;vertical-align:middle;}
.clip-view .clip-view-row .clip-view-des {height: 28px;line-height: 28px;color: #337ab7;font-size: 14px;text-align: center;}

.img-container {height:100%; width:100%;}
.img-container img {display: block;max-width:100%;max-height:100%;}
.modal-title-left {flex:1;margin-left:10px;}
.mt10 {margin-top:10px;}
/*手机预览窗口*/
.pre-wrapper {position:fixed;z-index:1999;display:none;left: 0;top: 0;height: 100%;width: 100%;}
.pre-container {position:absolute;left:50%;top:50%;height:0;width:0;-webkit-animation:swipeUp .2s ease-out;animation:swipeUp .2s ease-out;}
.pre-bg {height:700px;width:400px;padding:56px 40px;margin:-350px 0 0 -200px;background-color:#eee;}
.pre-close {position:absolute;right:-240px;top:-350px;height:60px;width:40px;border-width:1px 1px 1px 0;border-style:solid;border-color:#ddd;border-radius:0 5px 5px 0;padding:5px;margin-top:-1px;font-size:14px;color:#FC8533;line-height:24px;text-align:center;background-color:#fff;cursor:pointer;}
.pre-close:hover {background-color:#f5f5f5}
.pre-close:active {background-color:#f0f0f0}
.pre-content,.pre-content iframe {height:568px;width:320px;}
/*分类modal*/
.class-tag {margin-bottom: 15px;}
.class-tag input,.class-tag label{margin: 0;}
.class-tag label{display: inline-block;max-width: 85px;height: 24px;vertical-align: middle;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/*动画*/
@-webkit-keyframes swipeUp {0%{-webkit-transform:translate3d(0,150px,0);opacity: 0;}100%{-webkit-transform:translate3d(0,0,0);opacity: 1;} }
@keyframes swipeUp {0%{transform:translate3d(0,150px,0);opacity: 0;}100%{transform:translate3d(0,0,0);opacity: 1;} }